@charset "utf-8";
/* CSS Document */
body{font-size:12px;line-height:1.8em;color:#C0C0C0;font-family: "微软雅黑";background: url(../images/bg.jpg) #000;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
input{font:14px/27px "微软雅黑"; width:300px; background:#3F3F3F; border:0; padding:3px; color:#CCC;}
.form-group clearfix{ width:400px; }
textarea, select{font:14px/27px "微软雅黑";width:300px; height:100px;background:#3F3F3F; border:0; padding:3px; color:#CCC;}
ul{margin:0px; padding:0px; list-style-type:none;}
li{list-style:none;}
a,a:visited{color:#C0C0C0;text-decoration:none;transition: background 0.5s;-webkit-transition: background 0.5s;}
a:hover{text-decoration:underline;}
.c{clear:both;}
/*----------------------------------------------end main-----------------------------------------*/
/*----------------------------------------------首页框架-----------------------------------------*/
.head{ margin:0 auto;width:1200px; height:460px;}
.head_left{ float:left; width:260px; height:460px; text-align:center;}
.head_right{ float:right; width:940px; height:460px; text-align:center;}
.menu_w{ width:100%; border-top:#025DF6 2px solid; padding-top:3px;}
.menu_w_n{ width:100%; background:#000;border-top:#025DF6 2px solid; padding-top:3px;}
.menu1{ float:right;width:126px; z-index:1;}
.menu1 ul{}
.menu1 ul li {float:left;height:32px;text-align:center;font:14px/32px "微软雅黑";}
.menu1 ul li a {width:126px;background: url(../images/menu_bule.png) no-repeat;color:#fff;display:block;text-decoration:none;}
.menu1 ul li a:hover {width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu1 ul li.active>a{width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu2{ float:right;width:126px; z-index:2; margin-left:-8px;}
.menu2 ul{}
.menu2 ul li {float:left;height:32px;text-align:center;font:14px/32px "微软雅黑";}
.menu2 ul li a {width:126px;background: url(../images/menu_bule.png) no-repeat;color:#fff;display:block;text-decoration:none;}
.menu2 ul li a:hover {width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu2 ul li.active>a{width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu3{ float:right;width:126px; z-index:3; margin-left:-8px;}
.menu3 ul{}
.menu3 ul li {float:left;height:32px;text-align:center;font:14px/32px "微软雅黑";}
.menu3 ul li a {width:126px;background: url(../images/menu_bule.png) no-repeat;color:#fff;display:block;text-decoration:none;}
.menu3 ul li a:hover {width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu3 ul li.active>a{width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu4{ float:right;width:126px; z-index:4; margin-left:-8px;}
.menu4 ul{}
.menu4 ul li {float:left;height:32px;text-align:center;font:14px/32px "微软雅黑";}
.menu4 ul li a {width:126px;background: url(../images/menu_bule.png) no-repeat;color:#fff;display:block;text-decoration:none;}
.menu4 ul li a:hover {width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu4 ul li.active>a{width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu5{ float:right;width:126px; z-index:5; margin-left:-8px;}
.menu5 ul{}
.menu5 ul li {float:left;height:32px;text-align:center;font:14px/32px "微软雅黑";}
.menu5 ul li a {width:126px;background: url(../images/menu_bule.png) no-repeat;color:#fff;display:block;text-decoration:none;}
.menu5 ul li a:hover {width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu5 ul li.active>a{width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu6{ float:right;width:126px; z-index:6; margin-left:-8px;}
.menu6 ul{}
.menu6 ul li {float:left;height:32px;text-align:center;font:14px/32px "微软雅黑";}
.menu6 ul li a {width:126px;background: url(../images/menu_bule.png) no-repeat;color:#fff;display:block;text-decoration:none;}
.menu6 ul li a:hover {width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu6 ul li.active>a{width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu7{ float:right;width:126px; z-index:7; margin-left:-8px;}
.menu7 ul{}
.menu7 ul li {float:left;height:32px;text-align:center;font:14px/32px "微软雅黑";}
.menu7 ul li a {width:126px;background: url(../images/menu_bule.png) no-repeat;color:#fff;display:block;text-decoration:none;}
.menu7 ul li a:hover {width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu7 ul li.active>a{width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu8{ float:right;width:126px; z-index:8; margin-left:-8px;}
.menu8 ul{}
.menu8 ul li {float:left;height:32px;text-align:center;font:14px/32px "微软雅黑";}
.menu8 ul li a {width:126px;background: url(../images/menu_bule.png) no-repeat;color:#fff;display:block;text-decoration:none;}
.menu8 ul li a:hover {width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu8 ul li.active>a{width:126px;color:#fff; background:url(../images/menu_bule2.png) no-repeat;text-decoration:none;display:block;}
.menu_right{ float:right; width:5%; height:32px;background:url(../images/menu_right.png) left top no-repeat;z-index:9; margin-left:-8px;}
.body{ margin:0 auto; width:1200px;}
.index_news{ float:right; width:450px; margin-right:50px;}
.index_news_title{ width:450px; color:#025DF6; font:16px/40px "微软雅黑";}
.index_news_bd{width:450px; margin-top:10px;}
.index_news_left{ float:left; width:120px; height:120px;}
.index_news_left img{ width:120px; height:120px;}
.index_news_right{ float:right; width:310px;}
.index_news_right_title{width:310px;}
.index_news_right_title a,a:visited{ font:15px/36px "微软雅黑";color:#025DF6;}
.index_news_right_title a:hover{color:#FFF000;text-decoration:none; font-weight:bold;}
.index_news_right_txt{width:310px; height:120px; color:#fff;}
.index_about{ float:right; width:420px;}
.index_about_title{ width:420px; color:#025DF6; font:16px/40px "微软雅黑";}
.index_about_bd{width:420px; margin-top:10px; color:#fff;}
.foot_w{ width:100%;background:url(../images/foot.jpg) top  center repeat-x #000;}
.foot{ margin:0 auto; width:1200px; height:100px; background:url(../images/2vm.jpg)  center right no-repeat; padding:30px 0px;}
.position{ float:left; width:200px;font:14px/40px "微软雅黑";color:#C0C0C0; text-align:right;}
.position a,a:visited{ color:#C0C0C0;}
.position a:hover{color:#2ACDDC;text-decoration:none;}
.head_n{ margin:0 auto;width:1200px; height:230px;}
.head_n_left{ float:left; width:260px; height:230px; text-align:center;}
.head_n_right{ float:right; width:940px; height:230px; background:url(../images/head_line.png) right no-repeat;}
.body_w{ width:100%; background:#000; padding:10px 0px;}
.foot_w_n{ width:100%;background:url(../images/foot_n.jpg) top  center repeat-x #000;}
.left{ float:left;width:240px;}
.left img{ width:100%;}
.right{ float:right;width:880px;font:14px/30px "微软雅黑"; color:#C0C0C0;}
.title{ float:left;width:1000px; font:18px/40px "微软雅黑"; color:#025DF6;}
.news_bd{width:1200px;margin-top:10px;}
.news_bd dl{float:left;width:580px; height:230px;list-style-type:none;border-bottom:#313131 1px dotted; margin:20px 20px 0px 0px;}
.news_bd dl dt{float:left;width:220px;font:30px/40px "arial";margin-right:30px;}
.news_bd dl dt img{width:220px;height:220px;}
.news_bd dl dd{width:300px;margin:0px;}
.news_bd dl dd.tit{float:left;width:330px;font:16px/48px "微软雅黑";color:#025DF6;}
.news_bd dl dd.tit a,.news_bd dl dd.tit a:visited{ color:#025DF6;text-decoration:none;}
.news_bd dl dd.tit a:hover{color:#fff000;}
.news_bd dl dd.txt{float:left;width:330px;color:#C0C0C0;font:13px/28px "微软雅黑";overflow:hidden;}
.news_bd dl dd.date{float:left;width:330px;color:#C0C0C0;font:13px/28px "微软雅黑";}

.product_bd{width:1100px; height:500px;overflow:hidden; position:relative; margin:20px auto;}
.product_bd ul{width:1200px;}
.product_bd ul li{float:left;margin:0px 15px 0px 15px;display:inline;width:170px; height:400px;overflow:hidden;position:relative; background:#fff; padding:0px;border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-moz-border-radius: 10px; border:#dfdfdf 1px;}
.product_bd ul li .photo{width:170px;height:170px;overflow:hidden; margin-top:10px;}
.product_bd ul li .photo img{ width:170px;height:170px;}
.product_bd .jj{width:150px; height:200px;font:12px/20px "arial";text-align:left;padding:10px;color:#000;}
.product_bd .jj h1{font:bold 12px/30px "arial"; text-align:center; color:#000;}
.product_bd .rsp{width:230px;height:230px;overflow:hidden;position: absolute;background:#2ACDDC;top:0px;left:0px;border-radius: 500px;-webkit-border-radius: 500px;-o-border-radius: 500px;-moz-border-radius: 500px; display:none;}
.product_bd .text{position:absolute;width:210px;height:430px;left:-300px;top:0px;overflow:hidden;}
.product_bd .text h3{width:210px;margin-top:40px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:0px; display:none;}
.product_bd .text a{text-decoration:none;}
.product_bd .text div{text-align:center; height:36px;background:url(../images/view.png)  center no-repeat;}
.product_bd .prev{ position:absolute; display:block; width:50px; height:450px;background: url(../images/r.png) center no-repeat;top:0; color:#FFF; text-align:center; line-height:100px;cursor: pointer;}
.product_bd .next{ position:absolute; display:block; width:50px; height:450px;background: url(../images/l.png) center no-repeat;top:0; color:#FFF; text-align:center; line-height:100px;cursor: pointer;}
.product_bd .prev { left:0}
.product_bd .next { right:0}
.img-list { position:relative; width:1000px; height:600px; overflow:hidden;margin-left: 50px;}
.img-list ul { width:9999px;}
.img-list li { float:left; display:inline; width:100px; margin-right:10px; height:450px;  text-align:center; line-height:100px;}

.
.zs_bd{ width:1200px;}
.zs_bd ul{ clear:both;}
.zs_bd ul li{float:left;width:300px;text-align:center; margin:10px 50px;}
.zs_bd ul li h1{font:12px/20px "微软雅黑";color:#666; text-align:left;}
.zs_bd ul li img{ width:300px; height:200px;}
.zs_bd ul li a,.zs_bd ul li a:visited{display:block;font:14px/30px "微软雅黑";color:#C0C0C0;text-align:center;text-decoration:none;}
.zs_bd ul li a:hover{display:block;font:14px/30px "微软雅黑";color:#2ACDDC;text-align:center;text-decoration:none;}

.download_bd{width:1200px;margin-top:10px;}
.download_bd dl{float:left;width:580px; height:230px;list-style-type:none;border-bottom:#313131 1px dotted; margin:20px 20px 0px 0px;}
.download_bd dl dt{float:left;width:220px;font:30px/40px "arial";margin-right:30px;}
.download_bd dl dt img{width:220px;height:220px;}
.download_bd dl dd{width:300px;margin:0px;}
.download_bd dl dd.tit{float:left;width:330px;font:16px/48px "微软雅黑";color:#2ACDDC;}
.download_bd dl dd.txt{float:left;width:330px;color:#C0C0C0;font:13px/28px "微软雅黑";overflow:hidden;}
.download_bd dl dd.date{float:left;width:330px;color:#C0C0C0;font:13px/28px "微软雅黑";}
.download_bd dl dd.down{float:left;width:330px;font:14px/36px "微软雅黑";color:#2ACDDC;}
.download_bd dl dd.down a,.download_bd dl dd.down a:visited{ color:#2ACDDC;text-decoration:none;}
.download_bd dl dd.down a:hover{color:#fff000;}

.ty{ float:left; width:1200px;color:#C0C0C0;font:14px/36px "微软雅黑";}


.ipro{ width:1200px;}
.ipro ul{ clear:both;}
.ipro ul li{float:left;width:150px; height:320px;text-align:center; padding:10px;margin:0px 10px; background:#fff;border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-moz-border-radius: 10px; border:#000 1px solid;}
.ipro ul li h1{ width:150px; height:30px;font:bold 14px/30px "黑体"; color:#000;}
.ipro ul li h2{ width:150px; height:120px;font:12px/20px "微软雅黑"; color:#000; text-align:left; margin-bottom:20px;}
.ipro ul li img{ width:150px; height:150px;}
.ipro ul li a,.ipro ul li a:visited{display:block;font:14px/30px "微软雅黑";color:#C0C0C0;text-align:center;text-decoration:none;}
.ipro ul li a:hover{display:block;font:14px/30px "微软雅黑";color:#2ACDDC;text-align:center;text-decoration:none;}